/*
 *
 * (c) Copyright Ascensio System Limited 2010-2023
 * 
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * http://www.apache.org/licenses/LICENSE-2.0
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
*/


@import "../../../../skins/default/params.less";

#authKeysContainer {
    margin-bottom: 45px;
    max-width: 770px;
}

.auth-service-text {
    margin-bottom: 32px;
}

.auth-service-block {
    width: 850px;
    margin-bottom: 45px;
}

.auth-service-item {
    border-color: @borderColor;
    border-style: solid none;
    border-width: 1px;
    float: left;
    height: 106px;
    margin: 0 16px -1px 0;
    padding: 16px;
    width: 350px;
}

.auth-service-item img {
    float: left;
}

.auth-service-item .sub-button {
    float: right;
    margin-top: 4px;
}

.auth-service-name {
    display: block;
    font-weight: bold;
    height: 40px;
    margin-bottom: 15px;
}

.auth-service-dscr {
    max-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.auth-service-key {
    display: block;
    margin-bottom: 10px;
    width: 545px;
}

.auth-service-block .button {
    float: left;
}

body.media-width-0-1200 .auth-service-block {        
    width: 740px;
}
body.media-width-0-1200 .auth-service-item {      
    width: 300px;
}

.popup-left-side {
    float: left;
    width: 350px;
}

.popup-right-side {
    float: left;
    width: 400px;
}

.popup-right-side ol {
    margin: 0;
}

.popup-info-block {
    margin: 24px 0;
}

.popup-info-separator {
    margin: 4px 0;
}

.auth-service-img {
    max-height: 40px;
    max-width: 135px;
}

.settings-help-block{
    margin-bottom: 0px;
    float:none;
}

.disable div {
    color: #9e9e9e;
}

.disable .popup-info-block a, .disable .popup-info-block a:visited, .disable .popup-info-block a:hover, .disable .popup-info-block a:active {
    color: #9e9e9e;
    cursor: default;
    text-decoration: underline;
}